<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登录</title>
    <link rel="stylesheet" href="./css/login.css">
</head>

<body>
    <div class="login">
        <div class="header">
            <div class="header_l">
                <div class="logo">
                    <img src="./images/login/Logo.png" alt="">
                </div>
                <div class="register">
                    <i></i>
                    <a href="#">登录</a>
                </div>
            </div>
            <div class="header_r">
                <a href="register.html">立即注册</a>
            </div>
        </div>
        <div class="main">
            <div class="main_title">
                <h4>海创数字工业平台</h4>
                <p>为工业赋能，打造世界更具价值的工业互联网平台 解锁工业互联网的无限可能！</p>
            </div>
            <div class="main_bg">
                <!-- <img class="cl7" src="./images/login/login-CL7.png" alt=""> -->
                <div class="main_bg_cl1">
                    <img src="./images/login/login-CL1.png" alt="">
                </div>
                <div class="main_bg_cl2">
                    <img class="cl2" src="./images/login/login-CL2.png" alt="">
                    <img class="cl2a" src="./images/login/login-CL2a.png" alt="">
                    <img class="cl2a" src="./images/login/login-CL2b.png" alt="">
                    <img class="cl2a" src="./images/login/login-CL2c.png" alt="">
                </div>
                <div class="main_bg_cl3">
                    <img src="./images/login/login-CL3.png" alt="">
                </div>
                <div class="main_bg_cl4">
                    <img src="./images/login/login-CL4.png" alt="">
                </div>
                <div class="main_bg_cl5">
                    <img src="./images/login/login-CL5.png" alt="">
                </div>
                <div class="main_bg_cl6">
                    <img src="./images/login/login-CL4.png" alt="">
                </div>
                <div class="main_bg_cl7">
                    <img src="./images/login/login-CL6.png" alt="">
                </div>
            </div>
            <div class="main_user">
                <ul class="login_method">
                    <li class="pwd_login isActive">
                        <img src="./images/login/login-Ico8.png" alt="">
                        <img class="isShow" src="./images/login/login-Ico8a.png" alt="">
                        <span>密码登录</span>
                    </li>
                    <li class="info_login ">
                        <img class="isShow" src="./images/login/login-Ico9.png" alt="">
                        <img src="./images/login/login-Ico9a.png" alt="">
                        <span>短信登录</span>
                    </li>
                    <li class="scan_login">
                        <img class="isShow" src="./images/login/login-Ico10.png" alt="">
                        <img src="./images/login/login-Ico10a.png" alt="">
                        <span>扫码登录</span>
                    </li>
                </ul>
                <!-- 密码登录 -->
                <div class="main_user_comtent">
                    <div class="login_field">
                        <label>用户名</label>
                        <input type="text" placeholder="用户名">
                        <img class="icon" src="./images/login/login-ico6.png" alt="">
                    </div>
                    <div class="login_field">
                        <label>密码</label>
                        <input type="password" placeholder="密码">
                        <img class="icon" src="./images/login/login-ico4.png" alt="">
                    </div>
                    <div class="login_tool">
                        <div class="remember">
                            <input type="checkbox" name="" id=""><span>记住密码</span>
                        </div>
                        <div class="forget">
                            <span>
                                忘记密码？
                            </span>
                            <a href="register.html">
                                立即注册
                            </a>
                        </div>
                    </div>
                    <!-- <div class="login_btn">
                        登录
                    </div> -->
                    <input type="submit" value="登录" class="login_btn">
                    <div class="login_error">
                        密码错误
                    </div>
                </div>
                <!-- 手机登录 -->
                <div class="main_user_comtent  " style="display:none">
                    <div class="login_field">
                        <label>手机号</label>
                        <input type="text" placeholder="手机号">
                        <img class="icon" src="./images/login/login-ico7.png" alt="">
                    </div>
                    <div class="login_field">
                        <label>验证码</label>
                        <input type="text" placeholder="验证码">
                        <img class="icon" src="./images/login/login-ico5.png" alt="">
                        <button class="disable" disabled>发送验证码</button>
                    </div>
                    <div class="login_tool">
                        <div class="remember">
                            <input type="checkbox" name="" id=""><span>记住用户名</span>
                        </div>
                        <div class="forget">
                            <span>
                                忘记密码？
                            </span>
                            <a href="register.html">
                                立即注册
                            </a>
                        </div>
                    </div>
                    <input type="submit" value="登录" class="login_btn">
                    <div class="login_error">
                        验证错误
                    </div>
                </div>
                <!-- 扫码登录 -->
                <div class="main_user_comtent" style="display:none">
                    <div class="qrcode">
                        <img src=""
                            alt="">
                    </div>
                    <!-- <div class="login_field">
                        <label>手机号</label>
                        <input type="text" placeholder="手机号">
                        <img src="./images/login/login-ico7.png" alt="">
                    </div>
                    <div class="login_field">
                        <label>验证码</label>
                        <input type="text" placeholder="验证码">
                        <img src="./images/login/login-ico5.png" alt="">
                        <span>发送验证码</span>
                    </div>
                    <div class="login_tool">
                        <div class="remember">
                            <input type="checkbox" name="" id=""><span>记住用户名</span>
                        </div>
                        <div class="forget">
                            <span>
                                忘记密码？
                            </span>
                            <a href="register.html">
                                立即注册
                            </a>
                        </div>
                    </div>
                    <div class="login_btn">
                        登录
                    </div> -->
                </div>
                <!-- 其他登录 -->
                <div class="main_user_other">
                    <p>使用其他方式登录</p>
                    <ul class="other_login">
                        <li>
                            <img src="./images/login/login-Ico1.png" alt="">
                        </li>
                        <li>
                            <img src="./images/login/login-Ico2.png" alt="">
                        </li>
                        <li>
                            <img src="./images/login/login-Ico3.png" alt="">
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="footer">
            <p> 版权所有©中海创科技（福建）集团有限公司COPYRIGHT©2021-2025 Histron Technology Co.,Ltd All rights reserved</p>
        </div>

    </div>
    <script src="./js/login.js"></script>
</body>

</html>